<template>
	<view class="app">
		<u-navbar title="消息" @rightClick="rightClick" :autoBack="true">
		</u-navbar>
		<view class="message" style="margin-top: 96rpx;display: flex;background-color: white;padding: 20rpx;" @click="move">
			<image src="../../static/img/头像 女孩.png" mode="" style="width: 84rpx;height: 84rpx"></image>
			<view class="" style="display: flex;justify-content: space-between;flex: 1;margin-left: 20rpx;">
				<view class="" style="flex: 1;">
					<text>小柚子</text>
					<view class="">
						<text style="font-size: .9rem;color: #888;">祝贺宝宝出生啦，新妈妈是否有点手足...</text>
					</view>
				</view>
				<view class="">
					<text style="font-size: .9rem;color: #888;">11-25</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods:{
			move(){
				uni.navigateTo({
					url:"/pages/street/mes1"
				})
			}
		},
		rightClick(){
			uni.navigateBack()
		}
	}
</script>

<style lang="less">
	.app {
		background-color: var(--bgcolor);
		min-height: 100vh;
	}

	.message {
		&:active{
			background-color: whitesmoke !important;
		}
	}
</style>